<%--
  Created by IntelliJ IDEA.
  User: w
  Date: 2017/4/18
  Time: 20:33
  To change this template use File | Settings | File Templates.
--%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <link rel="apple-touch-icon" sizes="76x76" href="../assets/img/apple-icon.png">
    <link rel="icon" type="image/png" sizes="96x96" href="../assets/img/favicon.png">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

    <title>游戏详情</title>

    <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
    <meta name="viewport" content="width=device-width" />

    <style type="text/css">

        .random{
            text-align: center;
            color: darkgreen;
            padding: 10px;
            cursor: pointer;
            font-size: large;
        }
        .random:hover{
            background-color: darkgreen;
            color: white;
        }

    </style>
</head>
<body>
<jsp:include page="nav/customCss.jsp" flush="true"/><!--动态包含-->
<div class="wrapper">
    <jsp:include page="nav/left.jsp" flush="true"/><!--动态包含-->
    <jsp:include page="nav/copyrights.jsp" flush="true"/><!--动态包含-->
    <div class="main-panel">

        <jsp:include page="nav/top.jsp" flush="true"/><!--动态包含-->
        <script>
            $("#pageTitle").text("创建游戏");
            $("#gamebegin").parent().children().removeClass();
            $("#gamebegin").addClass("active"); //移除p元素的所有class
            $("#upgrade").addClass("active-pro"); //移除p元素的所有class
        </script>
        <div class="content">
            <div class="col-md-12 col-sm-12 col-xs-12">
                <div class="x_panel">
                    <h2>完善游戏信息</h2>
                    <!-- Tabs -->
                    <div id="wizard_verticle" class="form_wizard wizard_verticle">
                        <ul class="list-unstyled wizard_steps">
                            <li>
                                <a href="#step-11">
                                    <span class="step_no">1</span>
                                </a>
                            </li>
                            <li>
                                <a href="#step-22">
                                    <span class="step_no">2</span>
                                </a>
                            </li>
                            <li>
                                <a href="#step-33">
                                    <span class="step_no">3</span>
                                </a>
                            </li>
                            <li>
                                <a href="#step-44">
                                    <span class="step_no">4</span>

                                </a>
                            </li>
                        </ul>

                        <div id="step-11">
                            <h2 class="StepTitle">第一步:设置供应链绩效参数</h2>
                            <form class="form-horizontal form-label-left">

                                <div class="form-group">
                                    <label class="control-label col-md-3 col-sm-3" for="first-name">
                                        每箱啤酒的进价与售价之差 <span class="required">*</span>
                                    </label>
                                    <div class="col-md-2 col-sm-2">
                                        <input type="number" id="first-name2" required="required" class="form-control col-md-2 col-xs-2">
                                    </div>
                                    <span class="control-label col-md-1 col-sm-1" for="first-name">元</span>
                                </div>
                                <div class="form-group">
                                    <label class="control-label col-md-3 col-sm-3" for="first-name">
                                        每周每箱啤酒的存储成本<span class="required">*</span>
                                    </label>
                                    <div class="col-md-2 col-sm-2">
                                        <input type="number" id="first-name2" required="required" class="form-control col-md-2 col-xs-2">
                                    </div>
                                    <span class="control-label col-md-1 col-sm-1" for="first-name">元</span>
                                </div>
                                <div class="form-group">
                                    <label class="control-label col-md-3 col-sm-3" for="first-name">
                                        每周每箱啤酒的存储成本<span class="required">*</span>
                                    </label>
                                    <div class="col-md-2 col-sm-2">
                                        <input type="number" id="first-name2" required="required" class="form-control col-md-2 col-xs-2">
                                    </div>
                                    <span class="control-label col-md-1 col-sm-1" for="first-name">元</span>
                                </div>

                            </form>
                        </div>
                        <div id="step-22">
                            <h2 class="StepTitle">第二步:生成游戏组</h2>

                            <table class="table table-striped">
                                <thead>
                                <tr>
                                    <td>角色</td>
                                    <td>组别</td>
                                    <td>数量</td>
                                    <td>用户名</td>
                                    <td>日期</td>
                                    <td>备注</td>
                                </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>供应商</td>
                                        <td><input type="text"></td>
                                        <td><input type="text" value="1" readonly></td>
                                        <td><input type="text"></td>
                                        <td><input type="datetime-local"></td>
                                        <td><textarea></textarea></td>
                                    </tr>
                                    <tr>
                                        <td>批发商</td>
                                        <td><input type="text"></td>
                                        <td><input type="text" value="1" readonly></td>
                                        <td><input type="text"></td>
                                        <td><input type="datetime-local"></td>
                                        <td><textarea></textarea></td>
                                    </tr>
                                    <tr>
                                        <td>分销商</td>
                                        <td><input type="text"></td>
                                        <td><input type="text" value="1" readonly></td>
                                        <td><input type="text"></td>
                                        <td><input type="datetime-local"></td>
                                        <td><textarea></textarea></td>
                                    </tr>
                                    <tr>
                                        <td>零售商</td>
                                        <td><input type="text"></td>
                                        <td><input type="text" value="1" readonly></td>
                                        <td><input type="datetime"></td>
                                        <td><input type="datetime-local"></td>
                                        <td><textarea></textarea></td>
                                    </tr>
                                </tbody>

                            </table>

                            <div style="text-align: center"><span class="random">随机生成用户名</span></div>
                            <div class="clearfix" style="height: 20px;"></div>
                        </div>
                        <div id="step-33">
                            <h2 class="StepTitle">第三步:生成随机顾客需求</h2>

                            <form class="form-horizontal form-label-left">

                                <div class="form-group">
                                    <label class="control-label col-md-3 col-sm-3" for="first-name">
                                        指定周需求均值<span class="required">*</span>
                                    </label>
                                    <div class="col-md-2 col-sm-2">
                                        <input type="number" id="first-name2" required="required" class="form-control col-md-2 col-xs-2">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="control-label col-md-3 col-sm-3" for="first-name">
                                        指定周需求标准差<span class="required">*</span>
                                    </label>
                                    <div class="col-md-2 col-sm-2">
                                        <   input type="number" id="first-name2" required="required" class="form-control col-md-2 col-xs-2">
                                    </div>

                                </div>
                            </form>
                            <p style="color: darkorange">（1）教师自行给定均值与标准差；</p>
                            <p style="color: darkorange">（2）每次游戏开始时，按正态分布实时生成相应的随机整数500个（对应于各周的order1）。</p>
                        </div>
                        <div id="step-44">
                            <h2 class="StepTitle">第四步:游戏数据分析</h2>
                            <div>
                                <p>（1）供应链绩效对比</p>
                            </div>
                            <div>
                                <p>（2）需求/订单统计对比</p>
                            </div>
                            <div>
                                <p>（3）库存/缺货统计对比</p>
                            </div>
                        </div>
                    </div>
                    <!-- End SmartWizard Content -->
                </div>
            </div>


        </div>

        <jsp:include page="nav/foot.jsp" flush="true"/><!--动态包含-->

    </div>
</div>


</body>


<!-- jQuery Smart Wizard -->
<script src="../assets/vendors/jQuery-Smart-Wizard/js/jquery.smartWizard.js"></script>

</html>

